/*
 * author：andyqxp
 * Copyright: www.023996.com
 * Date: 2015.3.10 16:27
 * Email: 1339179980@qq.com
 * position: 首页
 */
/*首页banner*/
.index_banner { width: 100%; _width: 100%; clear: both; height: 491px; position: relative; color: #fff }
.index_banner .img li { position: absolute; top: 0; left: 0; width: 100%; _width: 100%; height: 491px }
.index_banner .img .num01 { width: 100%; _width: 100%; height: 491px; background: #fff url("pic/index01.jpg") no-repeat center; min-width: 1000px; _min-width: 1000px }
.index_banner .img .num02 { width: 100%; _width: 100%; height: 491px; background: #0f6aa3 url("pic/index02.jpg") no-repeat center; min-width: 1000px; _min-width: 1000px }
.index_banner .img .num03 { width: 100%; _width: 100%; height: 491px; background: #0f6aa3 url("pic/index03.jpg") no-repeat center; min-width: 1000px; _min-width: 1000px }
.index_banner .circle { position: absolute; width: 300px; height: 30px; bottom: 8px; left: 50%; text-align: center; margin-left: -150px }
.index_banner .circle a { background: #fff; margin: 4px; font-size: 12px; display: inline-block; padding: 1px 7px; color: #e56b28; border: 1px solid #e56b28; text-decoration:none}
.index_banner .circle a.orange { background: #e56b28; color: #fff }
.index_banner .img a { display: block; width: 1000px; height: 491px; margin: 0 auto; }
/*product.line{ height:17px; background:url(line.png) no-repeat center center}
*/
.product { background: url(bgpng) center top; overflow: hidden }
.product-bg { background: url(line2.png) no-repeat center top; overflow: hidden }
.pro-nav { margin-top: 50px; width: 239px; }
.pro-pic { height: 4px; background: url(pro-nav.png) no-repeat 0 top; }
.pro-pic2 { height: 6px; }
.pro-bg { background: #000 }
.pro-bg h2 { font-size: 26px; padding-top: 5px; text-align: center; color: #fff; line-height: 110%; }
.pro-bg h2 em { display: block; color: #9b9999; font-family: Arial, Helvetica; font-size: 10px; }
.pro-dl { position:relative;  width: 200px; padding: 13px; background: #fff; margin: 0 auto }
.pro-dl dt { height: 28px; margin-bottom: 5px; font-size: 16px; color: #fff; line-height: 28px; background: #fd5c03 url(pro-dl.png) 13px center no-repeat; padding-left: 35px; }
.pro-dl dd { height: 28px; line-height: 28px; padding-left: 30px; margin-bottom: 5px; background: url(d.png) 0 bottom repeat-x }
.pro-dl dd a { padding-left: 15px; font-size: 14px; background: url(d2.png) no-repeat 0 center }
.case { margin-top: 50px; border: 1px solid #e1e1e1;overflow: hidden; width: 739px;background: #fff; }
.case-title { background: url(case.jpg) repeat 0 0 #fff; line-height: 39px; height: 39px;text-indent: 15px; text-transform: uppercase; }
.case-title .fl { text-indent: 15px; text-transform: uppercase; text-decoration: none }
.case-title .fl font { color: #999; font-family: "arial" }
.case-title .fr, .case-title .fr:visited { font-size: 12px; padding-right: 5px }
.case-bg { height: 188px; background: url(case2.png) repeat-x center top; margin: 36px auto }
/*修改*/
.bsl-two-menu {  }
.bsl-two-menu dd {width: 100px; float: left; padding-left: 0;  }
.bsl-two-menu .after-dd{ width: 100%; text-align: center;}
/*二级栏目*/
.pro-dl .sub-box { display: none; height: 380px; width: 180px; position: absolute; z-index: 9999; left: 128px; top: 0;  padding-left: 85px; }
.pro-dl .sub-menu {  width: 164px; /*padding:0 0 10px 0; */ background: #fff;  overflow: hidden;}
.pro-dl dd.current .sub-box {display: block;}
.sub-menu li { width: 150px; height: 32px; margin: 5px auto;  background: rgba(0, 0, 0, 0) url("d.png") repeat-x scroll 0 bottom; }
.sub-menu li a{ display: block; padding-left: 20px; color: #3e3e3e; font: 14px/32px "Microsoft YaHei"; }
.sub-menu li a:hover{ color: red; text-decoration: underline; }
/*典型案例*/
.case-show{ padding:20px;}
.case-con{ width:335px;}
.case-con-img{ background:url(ds.png) no-repeat 0 0; width:335px; height:189px; padding:5px 5px 0 5px;}
.case-con-img img{ display:block;width:325px; height:169px;}
.case-con h4{ text-overflow:ellipsis; white-space:nowrap; width: 100%; overflow:hidden; font-size:16px;color:#fd5c03; line-height:230%}
.case-con h4 a,.case-con h4 a:visited{color:#fd5c03;}
.case-con p.p{ text-indent:2em; font-size:14px;color:#000; line-height:190%; margin-bottom:18px;}
.case-con p.btn a { display: inline-block; width: 116px; height: 30px; font: 16px/30px "微软雅黑"; color: #fff; background: #fd5c03; text-align: center; margin-right:20px; }
/*客户*/
.case2 { padding: 4px 0; height: 180px; }
.case-left { border: 5px solid #d1d1d1; width: 128px; background: #555; height: 138px; border-top: 0; border-bottom: 0; color: #fff; text-align: center; font-size: 20px; padding-top: 42px; line-height: 150% }
.case-left strong { display: block; font-size: 26px; line-height: 160% }
.case-left a { display: block; width: 100px; height: 19px; margin: 0 auto }
.case-right { width: 842px; }
#case-prev, #case-next { display: block; width: 22px; height: 42px; margin-top: 65px; text-indent:-999999px }
#case-prev { float: left; margin-left: 4px; padding-right:50px; background: url(case02.png) no-repeat 0 0; }
#case-prev:hover { background: url(case01.png) no-repeat 0 0 }
#case-con {width: 715px; margin:0 auto;float:left;}
#case-next { float: right;background: url(case04.png) no-repeat 0 0; }
#case-next:hover { background: url(case03.png) no-repeat 0 0 }
#case-con li{width:128px;padding-right:15px; padding-top:25px; float: left;}
#case-con li img{width:126px;height:112px;display:block; border:1px solid #e0dedc;}
#case-con li span{display:block; text-align:center;padding:10px 0; font-size:14px;}
#case-con li a{color:#333;}
/*优势*/
.edge { height: 1015px; background: url(edge.jpg) no-repeat center top }
.edge .w { position: relative }
.edge01 { position: absolute; left: 274px; top: 139px; color: #fff; font-size: 16px }
.edge02 { position: absolute; left: 451px; top: 139px; color: #fd5c03; font-size: 20px; font-weight: bold }
.edge03 { position: absolute; left: 555px; top: 273px; }
.edge04 { position: absolute; left: 565px; top: 420px; }
.edge05 { position: absolute; left: 68px; top: 710px; width: 446px }
.edge06 { position: absolute; left: 68px; top: 860px; width: 446px }
.edge .p1 { font-size: 30px; height: 50px; line-height:100%;background: url(d.png) repeat-x 3px bottom; color: #000; margin-bottom: 10px; }
.edge .p1 span { display: block; font-size: 12px;padding-left: 2px; font-family:Arial,Helvetica,sans-serif; color: #9b9999;text-transform: uppercase; line-height:180%
}
.edge .p2 { background: url(d3.jpg) no-repeat 0 5px; padding-left: 18px; line-height: 150%; font-size: 15px; color: #7a7a7a }
/*问题*/
.question { height: 609px; background: url(question.jpg) no-repeat center top; margin-bottom: 2px; }
.question .w { position: relative }
.question h3 { height: 160px; text-align: center; font: bold 38px/160px "微软雅黑"; color: #000; }
.question a { display: block; font: 16px/22px "微软雅黑"; position: absolute; top: 440px; }
.question a.p1 { width: 200px; left: 15px; }
.question a.p2 { width: 220px; left: 270px }
.question a.p3 { width: 220px; left: 520px; }
.question a.p4 { width: 200px; left: 780px }
.question a.p5 { width: 630px; height: 60px; left: 196px; top: 520px; text-indent: -99999px }
/*八大特色*/
.tse { height: 747px; background: url(tse.jpg) center top }
/*八大特色公共样式*/
.tse p { position: absolute; color: #323232; font-weight: bold; }
.tse p b { font: 30px/60px "微软雅黑"; color: #fff; margin-right: 10px; font-weight: bold; }
.tse p a { font: 30px/60px "微软雅黑"; color: #323232; }
.tse p span { color: #323232; font-size: 16px; border-bottom: 1px dashed #c3c3c2; font-weight: normal; line-height: 50%; padding-left: 5px }
/*八大特色定位样式*/
.tse .weiz1 { margin: 34px 0 0 523px; }
.tse .weiz2 { width: 684px; margin: 92px 0 0 416px; }
.tse .weiz3 { width: 742px; margin: 175px 0 0 258px; }
.tse .weiz4 { width: 600px; margin: 237px 0 0 132px; }
.tse .weiz5 { width: 520px; margin: 300px 0 0 24px; }
.tse .weiz6 { width: 500px; margin: 385px 0 0 13px; }
.tse .weiz7 { width: 500px; margin: 470px 0 0 20px; }
.tse .weiz8 { width: 500px; margin: 556px 0 0 23px; }
.tse .weiz9 { position: absolute; color: #000; font-size: 16px; width: 180px; margin: 550px 0 0 800px; }
.tse .weiz9 em { display:block;color: #fd5c03; font: bold 26px/26px "arial" }
.tse .weiz9 a { display: block; height: 46px; text-align: center; width: 170px; color: #fff; font: 18px/46px "微软雅黑" }
/*设备*/
.mac { height: 320px; background: url(mac.png);overflow:hidden}
.mac .w{ padding-top:15px}
.mac-tit { height: 42px; line-height: 38px; width: 1000px; background: url(d5.png) left bottom repeat-x;}
.mac-tit .mac-h3 a { float: left; font: bold 18px/38px "微软雅黑"; text-decoration: none; display: block; color: #fff; height: 42px; }
.mac-tit .mac-h3 a.current { border-bottom: 2px solid #fff; color: #fff; height: 40px; }
.mac-tit .mac-more a{ text-transform: uppercase;color:#fff}
.mac-prev, .mac-next { display: block; width: 19px; height: 52px; margin-top: 88px; text-indent:-999999px}
.mac-prev { float:left; margin-right:15px; background: url(mac_l.png) no-repeat 0 0; }
.mac-next { float:right;background:url(mac_r.png) no-repeat 0 0; }
.mac-content{width: 931px;float:left;}
.mac-content li{width:220px;padding-right:15px; padding-top:25px; float: left;}
.mac-content li img{width:220px;height:175px;display:block; padding:2px; border:1px solid #e0dedc; background:#fff}
.mac-content li span{display:block; text-align:center;padding:10px 0; font-size:14px;}
.mac-content li a{color:#fff;}
/*客户*/
.cust { padding: 20px 0 50px 0; background: url(bg.gif); overflow: hidden }
.cust h3 { font: bold 32px/60px "微软雅黑"; color: #000; background: url(cust_line.png) no-repeat center 32px; text-align: center; }
.cust h3 i { display: block; font: 10px/10px "arial"; color: #9b9999; text-transform: uppercase; }
.cust h3 a { display: block; width: 100px; height: 19px; background: url(cust_more.png); font: 12px/19px "arial"; text-align: center; margin: 10px auto }
.cust h3 a:hover { text-decoration: none }
.cust-content { clear: both; padding: 40px 0 0; width: 960px; margin: 0 auto; }
.cust-content dl { width: 436px; float: left; overflow: hidden; padding: 0 40px 25px 0; border-right: 1px dashed #c3c3c2; border-bottom: 1px dashed #c3c3c2; }
.cust-content dl.even { border-right: none; padding: 0 0 25px 40px; }
.cust-content dl.last { border-bottom: none; padding-top: 25px; padding-bottom: 10px; }
.cust-content dt { float: left; width: 148px; }
.cust-content dt img { width: 148px; height: 146px; overflow: hidden; display: block; }
.cust-content dd { width: 272px; float: right; }
.cust-content dd h4 { line-height: 22px; height: 22px; font-size: 14px; font-weight: normal; overflow: hidden; }
.cust-content dd h4 a, .cust-content dd h4 a:hover { color: #000; }
.cust-content dd h5 { line-height: 20px; height: 20px; font-size: 14px; color: #000; font-weight: normal; }
.cust-content dd p { text-align: justify; padding: 5px 0 0; line-height: 24px; color: #676767; height: 72px; overflow: hidden; text-align: justify; }
.cust-content dd span { display: inline-block; font-size: 14px; text-align: center; width: 100px; height: 24px; line-height: 24px; background: #e46b29; float: right; }
.cust-content dd span a { color: #fff; text-decoration: none; }
/*关于我们*/
.about { color: #fff; height: 620px; background: #000 }
.about .w { height: 620px; background: url(about_bg.png) no-repeat 621px 85px; }
.about h3 { font: bold 33px/90px "微软雅黑"; background: url(about_line.png) no-repeat center 45px; text-align: center; }
.about h3 i { font: 30px/90px "arial"; color: #9b9999; text-transform: uppercase; padding-left: 5px; }
.about-fl { width: 578px; padding-right: 90px; }
.about-fl h4 { font: bold 20px/55px "微软雅黑"; }
.about-fl p { text-indent: 2em; font-size: 14px; line-height: 200%; margin-bottom: 10px }
.about-fl a { display: block; width: 116px; height: 30px; font: 16px/30px "微软雅黑"; color: #fff; background: #fd5c03; text-align: center; }
.about-fr { width: 332px; height: 496px; position: relative; background: #fff url(about_r_bg.png) no-repeat center 25px }
#about-l, #about-r { width: 19px; height: 52px; position: absolute; cursor: pointer }
#about-l { margin: 228px 0 0 15px; background: url(about_l.png) no-repeat }
#about-r { right: 15px; top: 228px; background: url(about_r.png) no-repeat }
#about-c { width: 230px; height: 360px; border: 3px solid #b9b8b8; margin: 90px auto 0 47px; position: absolute; }
#about-c li { width: 230px; height: 360px; }
#about-c li a { text-decoration: none }
#about-c li img { width: 230px; height: 318px; display: block }
#about-c li em { display: block; background: #f56c21; color: #fff; border-top: 6px solid #b9b8b8; line-height: 39px; height: 39px; text-align: center; overflow: hidden }
/*SEO*/
.indexseo { clear: both; margin: 25px auto 0 auto }
.indexseo .news { width: 505px; height: 450px; border-right: 6px solid #fd5c03; border-bottom: 6px solid #fd5c03; }
.news-tit { height: 42px; line-height: 38px; width: 485px; background: url(d3.png) left bottom repeat-x; color: #878686 }
.news-tit .news-h3 a { float: left; font: bold 18px/38px "微软雅黑"; text-decoration: none; display: block; height: 42px; }
.news-tit .news-h3 a.current { border-bottom: 2px solid #fd5c03; color: #fd5c03; height: 40px; }
.news-tit .news-more { text-transform: uppercase; }
.news-con { padding-top: 22px; width: 485px; }
.news-con-img { display: block; border: 1px solid #d6d6d6; padding: 1px; width: 230px; height: 168px; margin-right: 8px }
.news-con-img:hover { border-color: #fd5c03 }
.news-con-img img { display: block; width: 230px; height: 168px; }
.news-con { font-size: 14px; }
.news-con-tit { height: 185px; border-bottom: 1px dashed #c3c3c3 }
.news-con-tit h4 a { color: #000 }
.news-con-tit p { padding-top: 10px; text-indent: 2em; line-height: 220%; font-size: 12px }
.news-con-show { padding-top: 10px }
.news-con-show li { padding-left: 8px; background: url(d4.png) no-repeat left center; height: 34px; line-height: 34px; }
.news-con-show li a { color: #000 }
.news-con-show .fr { color: #666; font-size: 12px }
.indexseo .ask { width: 465px; height: 450px; }
.ask-tit { height: 42px; line-height: 38px; width: 465px; background: url(d3.png) left bottom repeat-x; color: #878686 }
.ask-tit .ask-h3 a { float: left; font: bold 18px/38px "微软雅黑"; text-decoration: none; display: block; height: 42px; border-bottom: 2px solid #fd5c03; color: #fd5c03; height: 40px; }
.ask-tit .fr { text-transform: uppercase; }
.ask-con { font-size: 14px }
.ask-con li { border-bottom: 1px dashed #c3c3c3; padding-bottom: 11px; margin-bottom: 16px; }
.ask-con h4 { line-height: 30px; padding-left: 17px; background: url(ww.png) no-repeat left center; color: #000 }
.ask-con .ask-con-p { padding-left: 17px; background: url(dd.png) no-repeat left 3px; font-size: 12px; line-height: 190%; color: #6d6d6d; }
/*抓潜*/
.indexseo .zq { height: 408px;width:994px;position: relative; border-left: 6px solid #fd5c03; border-bottom: 6px solid #fd5c03; background: url(zq.jpg) no-repeat }
.art-pro-form { width: 350px; height: 276px; position: absolute; bottom: 15px; right: 75px; }
.art-pro-form li { float: left; width: 350px; height: 35px; margin-bottom: 5px; zoom: 1 }
.art-pro-form li i { display: block; float: left; width: 45px; height: 35px; border: 1px solid #e2e2e2; }
.art-pro-form li em { float: left; width: 300px; background: #fff; height: 35px; border: 1px solid #e2e2e2; border-left: 0; }
.art-pro-form li input { height: 30px; padding: 2px 0 0 8px; width: 200px; line-height: 30px; outline: 0;border: 0; }
.art-pro-form li.fbg1 i { background: #fff url(sub01.png) no-repeat center center }
.art-pro-form li.fbg2 i { background: #fff url(sub02.png) no-repeat center center }
.art-pro-form li.fbg3 i { background: #fff url(sub03.png) no-repeat center center }
.art-pro-form li.fbg4 i { background: #fff url(sub04.png) no-repeat center center }
.art-pro-form li.fbg4 { height: 67px; margin-bottom: 4px }
.art-pro-form li.fbg4 em { height: 67px; }
.art-pro-form li.fbg4 i { height: 67px; }
.art-pro-form li.fbg4 textarea { height: 60px; line-height: 14px; padding: 2px 0 0 8px; width: 200px; overflow-y: hidden;  outline: 0;border: 0; }
.art-pro-form li.fbg5 { background: #fff; width: 347px; margin-left: 1px; margin-bottom: 10px }
.art-pro-form li.fbg5 i { border: 0; width: 60px; text-align: center; font: bold 12px/35px "微软雅黑"; color: #000; }
.art-pro-form li.fbg5 em { width: 280px; height: 30px; border: 0; padding-top: 5px; line-height: 20px }
.art-pro-form li.fbg5 input { width: 60px; height: 20px; border: 1px solid #ccc; margin-right: 3px; }
.art-pro-form li.fbg6 input { width: 105px; background: #fd5c03; text-align: center; font: bold 15px/18px "微软雅黑"; color: #fff; }
.zq .btn{ position:absolute; width:280px; height:32px;left:70px;top:311px;}
.zq .btn a { background:#fd5c03; color: #fff; display: inline-block; font: 16px/32px "微软雅黑"; height: 32px; margin-right: 20px; text-align: center; width: 118px; }
.zq .btn a.btn-b{ background:#000;}
/*友情链接*/
.links { height: 100px; border: 1px solid #ddd; width: 848px; padding-left: 150px; margin: 22px auto; background: url(links.png) no-repeat 13px 23px }
.links p { padding-top: 20px; }
.links a { line-height: 200%; font-size: 14px; padding: 0 10px; }
.links a.l { color: #fd5c03 }

/*悬浮客服样式*/
.menubox{ height:333px;width:82px; background:#fff}
.menubox li{margin-bottom:2px; height:65px;width:82px;text-align:center; position:relative;}
.menubox li a{padding-top:45px; display:block;color:#fff; text-decoration:none;}
.menubox li:hover a{color:#fff; text-align:center;}
.menubox ul{background:#fff;z-index:99999;display:none; border:1px solid #000}
.menubox li:hover ul{top:0;display:block;position:absolute;right:81px;}
.menubox li:hover ul li{font-size:12px;border:none;float:left; background:#FFFFFF; width:auto;}
.menubox li:hover ul a{color:#fff;text-decoration:none;padding:0; text-align:left;}
.menubox li:hover ul li a:hover{text-decoration:underline}
.menubox li:hover ul .bdsharebuttonbox tr{ height:20px; padding:0;}
.menubox li:hover ul .bdsharebuttonbox td{ text-indent:20px; padding-top:2px; height:20px; padding-left:4px;}
.menubox li:hover ul .bdsharebuttonbox td a{ color:#000; margin:4px 0 4px 0; line-height:20px;}
.menubox li:hover ul .bdsharebuttonbox td a:hover{ color:#ed5757;}
.menubox li a.zxkf{ background:#f56b20 url(swt01.png) no-repeat center 15px}
.menubox li a.tel{ background:#f56b20 url(swt02.png) no-repeat center 10px;}
.menubox li a.fx{ background:#f56b20 url(swt03.png) no-repeat center 10px;}
.menubox li a.wx{ background:#f56b20 url(swt04.png) no-repeat center 10px;}
.menubox li a.fhtop{ background:#f56b20 url(swt05.png) no-repeat center 10px; height:20px;}
.menubox li a.zxkf:hover,.menubox li a.tel:hover,.menubox li a.fx:hover,.menubox li a.wx:hover,.menubox li a.fhtop:hover{ background-color:#000}
/*悬浮客服样式展开效果*/
.float0831 {position: fixed; TOP: 50%; margin-top:-180px; RIGHT: 1px; _position: absolute; width:auto; z-index:99999999999;}
.float0831 .floatL {POSITION: relative; WIDTH: 28px; FLOAT: left;}
.float0831 .floatL A {TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px}
.float0831 .floatR { FLOAT: left;}
.float0831 .btnOpen,.float0831 .btnOpen_n{BACKGROUND: url(renkf.png) no-repeat}
.float0831 .btnOpen,.float0831 .btnOpen_n {POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 0px}
.float0831 .btnCtn {BACKGROUND: #f56b20 url(close_open.png) no-repeat -12px -6px; width:23px; height:22px; position:relative; left:87px; top:278px;}
.colorf{color:#fff}